<!DOCTYPE html> 
 <html lang="en"> 
 <body background="https://upload-bbs.mihoyo.com/upload/2021/08/12/271993388/555c80daedf4768a12c7c26080a6067e_3944102833583782647.jpg"> 
 <head> 
    <style type="text/css">
        .content  { background-color: rgb(228, 244, 216); position: absolute; left: 55%;  width: 0%; margin-left: -15%; top: 50%; height: 30%; margin-top: -15%; }
        .content-two  { background-color: rgb(228, 244, 216); position: absolute; left: 15%;  width: 3%; margin-left: -15%; top: 50%;height: 47%; margin-top: -15%;}
    </style>
 <meta charset="UTF-8"> 
 </head> 
 <body>
    <div class="content">
    <form> 
        用户名：<br> 
        <input type="text" name="用户名"> 
        <br> 
        密码:<br> 
        <input type="text"name="密码"> 
        <br> 
        <br>
        <input type="submit" value="登录">
        <br>
         <input type="submit" value="发送验证码">
        <br>
        <input type="submit" value="忘记密码">
        <br>
       </form>
       </div>
       <div class="content-two">
        <p>
            ----
        </p>
        <a href="index.html">首页</a>
        <p>
            ----
        </p>
        <a href="https://ys.mihoyo.com/">官网</a>
        <p>
            ----
        </p>
        <a href="#">更多</a>
        <p>
            ----
        </p>
       </div>
 </body>